<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
    <meta name="viewport" content="initial-scale=1.0,width=device-width,user-scalable=0,maximum-scale=1.0"/>

    <title>{{ title }}</title>
    <link rel="stylesheet" href="/static/css/listPage.min.css?v=12" type="text/css">
    <link rel="stylesheet" type="text/css" href="/static/css/TreeStyle.min.css"/>
</head>
<body id="body">

<div class="list uk-width-small-10-10 uk-width-medium-7-10 uk-container-center">

    <div class="auth">
        <div class="avatar">
            <img src="{{ headico }}"
                 onerror="$(this).parent().remove()">
        </div>
        <div class="auth-name">

            {% if signature %}
            <div class="auth-title">{{ title }}</div>
            <div class="auth-signature">{{ signature }}</div>
            {% else %}
            <div class="auth-title" style="line-height: 90px;">{{ title }}</div>
            {% end %}
        </div>
    </div>

    <ul id="tab" class="uk-subnav uk-subnav-line uk-subnav-pill" style="margin-bottom:0">
        <li id="news_btn" onclick="clickTag('news')"><a href="#news">最新</a></li>
        <li id="hots_btn" onclick="clickTag('hots')"><a href="#hots">热门</a></li>
        <li id="tree_btn" onclick="clickTag('archives')"><a href="#archives">档案</a></li>
        {% if has_person%}
        <li id="person_btn" onclick="clickTag('person')"><a href="#person">个人</a></li>
        {% end %}
    </ul>
    <div id="list-panel">
        <div id="list-news" class="uk-panel-box uk-panel-box-secondary">
            <ul class="uk-list uk-list-line">
                {% for art in article_list%}
                <li>
                    <span class="disc">{{ art['time'] }}之前</span>
                    <h3><a target="_blank" href="{{ art['a'] }}">{{ art['title'] }}</a></h3>
                    <span class="disc">阅读 {{ art['read_count'] }} · 评论 {{ art['comment_count'] }} · 喜欢 {{ art['like_count'] }} </span>
                </li>
                {% end %}
            </ul>
        </div>
        <div id="list-hots" class="uk-panel-box uk-panel-box-secondary">
            <ul class="uk-list uk-list-line">
                {% for art in hot_list%}
                <li>
                    <span class="disc">{{ art['time'] }}之前</span>
                    <h3><a target="_blank" href="{{ art['a'] }}">{{ art['title'] }}</a></h3>
                    <span class="disc">阅读 {{ art['read_count'] }} · 评论 {{ art['comment_count'] }} · 喜欢 {{ art['like_count'] }} </span>
                </li>
                {% end %}
            </ul>
        </div>

        <div id="list-tree" class="uk-panel-box uk-panel-box-secondary" style="padding:5px">
            <div class="uk-grid">
                <div class="tree uk-width-medium-1-2 uk-width-small-2-2" id="folder_tree">
                </div>
                <div class="tree uk-width-medium-1-2 uk-width-small-2-2" id="time_tree">
                </div>

            </div>
            <div id="folder_tree_data" class="uk-hidden">{{ folder_tree }}</div>
            <div id="time_tree_data" class="uk-hidden">{{ time_tree }}</div>
        </div>
        <div id="person-page" class="uk-panel-box uk-panel-box-secondary">
            {% raw html %}
        </div>

    </div>


</div>
</body>
<script type="text/javascript" src="/static/js/listPage.min.js?v=19"></script>
<script type="text/javascript" src="/static/js/TreeJS.min.js"></script>
<script>


</script>
</html>